<!DOCTYPE html>
<%@page pageEncoding="UTF-8"%>
<html>
<!-- 
  - Author(s): waffie
  - Date: 2020-08-21 15:55:35
  - Description:
-->
<head>
<title>首页</title>
<%@include file="/resource/template1.jsp"%>
</head>
<body class="pageHome">
	<div class="left">
		<!-- 项目信息汇总 -->
		<div class="panel" id="dashboard">
			<div class="panel-head">
				<div class="panel-title">项目信息汇总</div>
			</div>
			<div class="panel-body">
				<ul class="tl">
					<div class="title">所有项目</div>
					<div class="amount">445</div>
					<a class="btn" href="javascript:void(0);" onclick="parent.$('#nav .ls').eq(1).click();">查看所有<i class="fa fa-arrow-circle-right"></i></a>
				</ul>
				<ul class="status-bars">
					<li>
						<div class="bar"><span class="v" style="height:58.6%"><a href="#" class="n">586</a></span></div>
						<div class="title">未开始</div>
					</li>
					<li>
						<div class="bar"><span class="v" style="height:33.9%"><a href="#" class="n">339</a></span></div>
						<div class="title">进行中</span>
					</li>
					<li>
						<div class="bar"><span class="v" style="height:12.2%"><a href="#" class="n">122</a></span></div>
						<div class="title">已完成</span>
					</li>
					<li class="zh">
						<div class="bar"><span class="v" style="height:16.6%"><a href="#" class="n">166</a></span></div>
						<div class="title">滞后</span>
					</li>
				</ul>
			</div>
		</div>
		<!-- 我的待办 -->
		<div class="panel" id="myWork">
			<div class="panel-head">
				<div class="panel-title">我的待办</div>
			</div>
			<div class="panel-body" style="padding:0 10px 10px;height:395px;">
		        <div id="datagrid" class="nui-datagrid" style="width:100%;height:100%;" 
		            url="../data/data_grid.txt" idField="id" pageSize="10" allowAlternating="true" showPageSize="false">
		            <div property="columns">
						<div type="indexcolumn" width="30" headerAlign="center">序号</div>
		                <div field="c1" width="200" headerAlign="center">待办内容</div>
		                <div field="c2" width="100" headerAlign="center" align="center">业务类型</div>
		                <div field="c3" width="60" headerAlign="center" align="center">送审人</div>
		                <div field="c4" width="60" headerAlign="center" align="center">退回人</div>
		                <div field="c5" width="80" headerAlign="center" align="center">送审时间</div>
		                <div field="c6" width="60" headerAlign="center" align="center">发起人</div>
		                <div field="c7" width="80" headerAlign="center">发起单位</div>
		            </div>
		        </div> 
			</div>
		</div>
	</div>
	<div class="right">
		<div class="panel">
			<div class="panel-head">
				<div class="panel-title">最新动态</div>
			</div>
			<div class="panel-body" style="height:600px; overflow-y:auto;">
				<ul class="timeline">
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>创建  API网关测试任务</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>开始  API网关测试任务</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>创建  API网关测试任务</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
					<li class="rs"><span class="tag">8月19日 14:39</span><span class="text">设计员 <i>登录系统</i></span></li>
				</ul>
			</div>
		</div>
	</div>
<script type="text/javascript">
nui.parse();

var datagrid = nui.get("datagrid");

// 页面加载完成后执行
$(function(){
	datagrid.load();
});
</script>
</body>
</html>